<template>
  <div class="bg-white px-4 py-6">
    <div>
      <span class="text-xl font-semibold">
        <slot name="title"></slot>
      </span>
      <span class="ml-2 text-green text-sm">
        <slot name="subtitle"></slot>
      </span>
    </div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  props: ["title"],
};
</script>

<style>
</style>